/**
 * 列表样式 - 抓拍
 * @author xiaoxujs
 */

import { FC } from "react";
import { ListStyleModuleBox } from "../../style";
import { ITlplTLaneQueryTarePhotoParam } from "../../../../../type/remoteControl/loadingControlList";

const ListStyleModule:FC<{
    data?: ITlplTLaneQueryTarePhotoParam
}> = ({
    data
}) => {
    return <ListStyleModuleBox>
        <tr className="box-title-tr">
            <th align='center'>设备IP地址</th>
            <th align='center'>设备SDK端口号</th>
            <th align='center'>设备SDK用户名</th>
            <th align='center'>设备SDK密码</th>
        </tr>
        <tr className="box-tr">
            <td align='center'>{data && (data.tarePhotoIp || '--')}</td>
            <td align='center'>{data && (data.tarePhotoPort  || '--')}</td>
            <td align='center'>{data && (data.tarePhotoUsername || '--')}</td>
            <td align='center'>{data && (data.tarePhotoPassword || '--')}</td>
        </tr>
    </ListStyleModuleBox>
}

export default ListStyleModule;